<template>
<onekit-page>
<onekit-view v-if="show" onekit-class="area" onekit-style="position:relative;width:100%;height:100%;overflow: hidden">
	<onekit-view onekit-class="movable" :onekit-style="`position:absolute;width:100px;height:100px;border-radius: 50%;background:url('https://res.wx.qq.com/community/dist/community/images/logo_miniprogram_013191.png');background-size: cover;left:${left}px;top:${top}px`" data-index="1" :data-obj="dataObj" @Touchmove="onekit_test_touchmove" @Touchend="onekit_test_touchmove" @Touchstart="onekit_test_touchstart"></onekit-view>
</onekit-view>
</onekit-page></template>
<script>
/* eslint-disable */
import Vue from 'vue';
const ONEKIT_JSON= {
  "navigationBarTitleText": "movable",
  "usingComponents": {
    
  }
};
const ONEKIT_SJS = {
test:()=>import(`./movable.test.js`)
};
import wx from '../../../../weixin2vue/wx.js';
import Macro from '../../../../weixin2vue/Macro.js';
const {getApp,getCurrentPages} = Macro;
import Page from '../../../../weixin2vue/OnekitPage.js';
import Component from '../../../../weixin2vue/OnekitComponent.js';
export default Page(ONEKIT_JSON,["show","dataObj","test","touchstart","touchmove","position:absolute;width:100px;height:100px;border-radius: 50%;background:url('https://res.wx.qq.com/community/dist/community/images/logo_miniprogram_013191.png');background-size: cover;left:","left","px;top:","top","px"],ONEKIT_SJS,{
    "onShareAppMessage"(){
      return {
        "title":'movable',
        "path":'packageAPI/pages/wxs/movable'
};
    },
    "data":{
        "left":50,
        "top":50,
        "taptest":'taptest',
        "show":true,
        "dataObj":{
            "obj":1
}
},
    "onLoad"(options){
    },
    "onReady"(){
      setTimeout(()=>{this.setData({
})},3000);
    }
});

</script>
<style 
 lang="css">
</style>